<template>
    <el-dialog v-if="dialogVisible" :append-to-body="true" :close-on-click-modal='false' title="媒介" :visible.sync="dialogVisible" width="400px">
        <div class="member_list" v-for="item in memberList" :key="item.id">
            <div class="flexbox flexcenter flexbetween member_b">
                <div class="font_14 color_02">角色人员：</div>
                <div class="font_14 color_01">{{item.nickname}}</div>
            </div>
            <div class="flexbox flexcenter flexbetween member_b">
                <div class="font_14 color_02">执行数量：</div>
                <div class="font_14 color_01">{{item.num}}</div>
            </div>
            <div class="flexbox flexcenter flexbetween member_b">
                <div class="font_14 color_02">所获奖金：</div>
                <div class="font_14 color_01">￥{{item.bouns}}</div>
            </div>
        </div>
        <span slot="footer" class="dialog-footer">
            <el-button size="small" type="primary" @click="dialogVisible = false" class="el-button-width">关 闭</el-button>
        </span>
    </el-dialog>
</template>

<script>
export default {
    name: "",
    data() {
        return {
            dialogVisible: false,
            memberList:[],
        };
    },
    created() {},
    methods: {},
    components: {},
};
</script>


<style scoped>
.member_list {
    margin-top: 12px;
    background: rgba(165, 177, 209, 0.08);
    border-radius: 6px;
    padding: 6px 8px;
}
.member_b{
    line-height: 20px;
    margin: 2px 0;
}
</style>
